/**
 * Copyright 2017 California Institute of Technology.
 *
 * This source code is licensed under the APACHE 2.0 license found in the
 * LICENSE.txt file in the root directory of this source tree.
 */

@import "~styles/colors";

.tooltip {
    composes: fontRobotoMono from "_core/styles/text.scss";
    composes: light from "_core/styles/shadow.scss";
    position: relative;
    background: white;
    border-radius: 2px;
    padding: 4px 8px;
    white-space: nowrap;
    color: $color-dark;
}

.tooltip:after {
    border-top: 8px solid darken($color-light, 10%);
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    content: "";
    position: absolute;
    bottom: -8px;
    margin-left: -8px;
    left: 50%;
}
